<!--
 * @Author: LiLuyang 1411387276@qq.com
 * @Date: 2023-09-18 15:51:56
 * @LastEditors: LiLuyang 1411387276@qq.com
 * @LastEditTime: 2023-12-29 15:42:08
 * @FilePath: \sgmap\src\components\map\map.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div id="SGmap"></div>
</template>
<script setup>
import { onMounted } from 'vue'
import SGMapSpeedChina from '@/components/map/init'
// const id = val;
// const position = pos;
const option = { NavigationControl: true, PitchControl: true, ScaleControl: true }
onMounted(async () => {
    let SGMapInstance = new SGMapSpeedChina(option, SGMap)
    let map = await SGMapInstance.initMap();
    SGMapInstance.mouseClickEvent()
    // SGMapInstance.drawPoint()

    // var drawPoint = new SGMap.DrawPointHandler({
    //   map: map,
    //   // 开启编辑功能
    //   enableEdit: true,
    //   // 编辑数据
    //   featuresList: [],
    // });
    console.log(map);
})

</script>
<style scoped>
#SGmap {
    width: 100%;
    height: 100%;
}
</style>
